<template>
    <div class="paimai-home">
        <!--今日拍卖-->
        <TodayPai/>
        <!--footer-->
        <div class="paihome-footer">
            <router-link :to="{name:'pai-more'}" class="get-more-link">这还不是俺的底线呢，点我获取更多拍品吧</router-link>
            <s class="line"></s>
        </div>
    </div>
</template>

<script>
    import TodayPai from "../../../components/pai/children/TodayPai";

    export default {
        name: "PaimaiHome",
        components: {TodayPai},
        data() {
            return {}
        }
    }
</script>

<style lang="less" scoped>
    .paihome-footer {
        position: relative;
        line-height: 62px;
        height: 62px;
        text-align: center;
        width: 1200px;
        margin: auto;

        a.get-more-link {
            position: relative;
            padding: 0 30px;
            font-size: 15px;
            color: rgb(64,158,255);
            letter-spacing: 0.2em;
            background-color: #fff;
            z-index: 1;
            text-decoration: none;
        }
        a.get-more-link:hover{
            text-decoration: underline;
            color: rgb(149,177,255);
        }

        s.line {
            position: absolute;
            top: 30px;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #000;
        }
    }
</style>